 //==UserScript==
// @name                AAP-Nav-bloqueT1_8.1
// @namespace           http://geneura.org/projects/greasemonkey
// @description         Navegacióln por los ejercicios de AAP
// @include             http://geneura.ugr.es/~jmerelo/asignaturas/*
// ==/UserScript==

//En este caso nos interesa recorrer los elementos h3:
// <body>
//	<div id="ejerci...">
//		<h3>Bloque Tx.x</h3>
//			<ol>
//				<li>
//			</ol>
//	</div>
// ...
//</body>
var h3 = document.getElementsByTagName('h3');

for ( var i = 0; i < h3.length; i ++ ) {
	//creamos un nuevo nodo spam y le damos estilo:
        var span = document.createElement('span');
        span.setAttribute('style','background:lightblue');
	//vamos a añadir una flecha al ejercicio anterior:
	//<spam>
	//	<a> para poner una flecha con un enlace al correspondiente ejercicio
	//	<txt>
        if ( i > 0 ) {
                var ahref = document.createElement('a');
                ahref.setAttribute('href','#ej.T1.'+i);
                var txt=document.createTextNode('^');
                ahref.appendChild(txt);
                span.appendChild(ahref);
        }
	//Al igual que antes lo acemos ocn las flechas posteriores
	if ( i < h3.length -1  ) {
                span.appendChild(document.createTextNode(' | '));
                var ahref = document.createElement('a');
                ahref.setAttribute('href','#ej.T1.'+(ejer+2));
                var txt=document.createTextNode('v');
                ahref.appendChild(txt);
                span.appendChild(ahref);
        }
	//insertamos el nodo que acabamos de crear en el h3
        h3[i].parentNode.insertBefore(span,h3[i]);
}
